---
type: tutorial
title: Préparez votre environnement de développement
description: |-
  Tutoriel : Construisez votre premier blog Astro —
  Installez les outils locaux dont vous aurez besoin pour terminer le tutoriel
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Installez les outils dont vous aurez besoin pour créer votre site Astro
</PreCheck>

## Obtenez les outils de développement dont vous aurez besoin

### Terminal

Vous utiliserez une **ligne de commande (terminal)** pour créer votre projet Astro et exécuter des commandes clés pour construire, développer et tester votre site.

Vous pouvez accéder à la ligne de commande via un programme de terminal local adapté à votre système d'exploitation. Les applications courantes incluent **Terminal** (MacOS/Linux), **Command Prompt** (Windows) et **Termux** (Android). L'une de ces applications devrait déjà être installée sur votre machine.

### Node.js

Pour que Astro fonctionne sur votre système, vous devrez également avoir [**Node.js**](https://nodejs.org/fr/) installé, de préférence en version `v18.14.1` ou ultérieure.

Pour vérifier si vous avez déjà une version compatible installée, exécutez la commande suivante dans votre terminal :

```sh
node -v

// Exemple de résultat
v18.14.1
```

Si la commande renvoie un numéro de version supérieur à `v18.14.1`, vous êtes prêt !

Si la commande renvoie un message d'erreur tel que `Command 'node' not found` ou un numéro de version inférieur à `v18.14.1`, vous devrez [installer une version compatible de Node.js](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

### Éditeur de code

De plus, vous devrez télécharger et installer un **éditeur de code** pour écrire votre code.

:::tip[Nous utiliserons...]
Ce tutoriel utilisera **VS Code**, mais vous pouvez utiliser n'importe quel éditeur adapté à votre système d'exploitation.
:::

<Steps>
1. [Téléchargez et installez VS Code](https://code.visualstudio.com/#alt-downloads) ou un autre éditeur de code de votre choix.
</Steps>


<Box icon="question-mark">

### Testez vos connaissances

Parmi les éléments suivants, lequel est...
1. Un éditeur de code permettant de modifier vos fichiers et leur contenu ?

    <MultipleChoice>
      <Option>
        Navigateur web
      </Option>
      <Option>
        Terminal
      </Option>
      <Option isCorrect>
        VS Code
      </Option>
    </MultipleChoice>

2. Un fournisseur de contrôle de version en ligne pour votre dépôt ?

    <MultipleChoice>
      <Option isCorrect>
        GitHub
      </Option>
      <Option>
        Terminal
      </Option>
      <Option>
        VS Code
      </Option>
    </MultipleChoice>

3. Une application pour exécuter des commandes ?
    <MultipleChoice>
      <Option>
        GitHub
      </Option>
      <Option isCorrect>
        Terminal
      </Option>
      <Option>
        Navigateur web
      </Option>
    </MultipleChoice>

</Box>

<Box icon="check-list">
## Liste de contrôle pour passer à l'étape suivante

<Checklist>
- [ ] Je peux accéder à la ligne de commande dans un terminal.
- [ ] J'ai Node.js installé.
- [ ] J'ai un éditeur de code comme VS Code.
</Checklist>
</Box>


### Ressources

- <p>[FreeCodeCamp.org](https://freecodecamp.org) <Badge>externe</Badge> — un site éducatif gratuit avec des cours complets ou des rappels rapides en HTML, CSS, JS, et plus encore.</p>
